<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Title</title>
</head>
<style>
    .box{
        width: 220px;
        margin: 0 auto;
        background: #F5F9FC;
        border: 1px solid #BFD8F2;
        padding: 0 5px;
    }
    li{
        list-style: none;
        height: 25px;
        font-family: 宋体;
        font-size: 14px;
        background: url("image/submenu.gif") no-repeat right center;
        padding-top: 2px;
        border-top: 1px #D7E7F6 solid;
    }
    .box p{
        font-weight: 400;
        height: 25px;
        line-height: 25px;
        text-indent: 20px;
        background: url("image/title_icon.gif") no-repeat 0px center;
    }
    .nav{
        width: 500px;
        margin: 0 auto;
    }
</style>
<body>
<div class="nav">
    <a href="index.html">作业一</a>
    <a href="demo.html">作业二</a>
    <a href="temp.html">作业三</a>
    <a href="test.html">作业四</a>
    <a href="iphoe.html">作业五</a>

    <div class="box">
        <p>课程导航</p>
        <li>ACCP 软件工程师</li>
        <li>BTEST 软件测试工程师</li>
        <li>BENET 网络工程师</li>
        <li>JBNS 网站工程师</li>
        <li>ACCP 启蒙星</li>
        <li>ANDROID 软件工程师</li>
        <li>JAVA 软件工程师</li>
        <li>.NET 软件工程师</li>
        <li>网络营销</li>
    </div>
</div>

</body>
</html>